<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style type="text/css">
 
#beij {
    background-image: url(../imagse/47f71d4.jpg);
    width:100%;
    height:100%;
    top: 0;
    left: 0;
    background-size: cover;
    position: absolute;
}
#neir {
    width: 374.5px;
    height: 532px;
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: 6%;
    background-image: url(../imagse/8456447h9p0.jpg);
    opacity: 0.5;
    z-index: 1;
    left: 36%;
    border: 1.25px solid rgba(245,245,245,0.78);
}
#nro {
    width: 374.5px;
    height: 532px;
    top: 6%;
    position: absolute;
    z-index: 2;
    left: 36%;
    text-align: center;
}
#button   {
    width: 62px;
    height: 27px;
}
#acc {
    width: 160px;
    height: 21px;
}
.norm {
    width: 235px;
    height: 21px;
    margin: auto;
    padding-top: 27px;
    padding-bottom: 12.5px;
}
.input_box {
    width: 160px;
    height: 21px;
    float: left;
}
.code {
    width: 160px;
    height: 21px;
}
#email {
    width: 160px;
    height: 21px;
   
}
    
h2 { 
    margin-top: 105px;
    margin-bottom: 40px;
}

.div_word {
    width: 75px;
    height: 21px;
    float: left;
}
#anniu {
   
    position: relative;
    margin-top: 100px;
}

#anniu input{
    display: block;
    margin: 42px auto 0;
    width: 120px;
    height: 40px;
   /* line-height: 40px;*/
    font-size: 16px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    background: #3D84FF;
}
    
.signin-misc-wrap{
    width: 340px;
    height: 20px;
    margin: 3px auto 0;
    position: relative; 
    color: #777; 
    font-size: 12px;
    margin-top: 60px;
}
    
.signin-misc-wrap .forget-btn {
    line-height: 20px;
    height: 20px;
    margin-right: 0px;
    text-align: right;  
    margin-left: 240px;
}
</style>
</head>

<body>
    
<div id="beij">
        <div id="neir"></div>
        <!--neir盒子是图片 nro覆盖到neir盒子上，neir充当背景。-->
        <div id="nro">
            <form action="login_up.php" method="post">
                <div>
                <h2>账户登录</h2>
                </div>
                <div class="norm">
                   
                    <div class="div_word"> 
                       用户名：</div>
                    <div class="input_box">
                        <input name="acc" type="text" required="required" id="acc" placeholder="手机号/QQ" size="20" maxlength="16">
                    </div>
                </div>
                <div class="norm">
                    <div class="div_word">
                       密&nbsp;&nbsp;&nbsp;&nbsp;码：</div>
                    <div class="input_box">
                        <input name="code" type="password" required="required" class="code" size="20" maxlength="16">
                    </div>
                </div>
               
                <div id="anniu">
                    <input name="ann" type="submit" id="ann" value="登&nbsp;&nbsp;&nbsp;&nbsp;录">
                </div>
                <div class="signin-misc-wrap">
                    <a>忘记密码？</a>
                    <a class="forget-btn" href="enroll.html">注册</a>
                    
                </div>
                
                    
                
            </form>
        </div>
    </div>
</body>
</html>
